@import "variables";
.competitions-brand{
  width:100%;
  .competitions-brand-header{
    width:100%;
    height:pxTorem(90);
    position: relative;
    margin-bottom:pxTorem(20);
    .back {
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: pxTorem(30);
      margin: auto;
      @include icon(21, 40, '/assets/icon/back_btn.png')
    }
    span{
      display: block;
      width:100%;
      text-align: center;
      line-height: 4.5rem;
      @include font-dpr(30px);
    }
  }
  .competitions-brand-header:after{
    display: block;
    content: '';
    width:100%;
    height:pxTorem(15);
    background:color($h5,c9);
  }
  .competitions-brand-content{
    width:100%;
    ul{
      width:100%;
      padding-left:pxTorem(30);
      li{
        position: relative;
        width:100%;
        padding:pxTorem(30) 0;
        span{
          display: block;
          width:80%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          @include font-dpr(28px);
          color:color($h5,c2);
        }
      }
      .span-current{
        span{
          color:color($h5,c1);
        }
        i{
          display: block;
          position: absolute;
          right:pxTorem(40);
          bottom:pxTorem(30);
          width:pxTorem(24);
          height:pxTorem(18);
          background:url('../../../../assets/icon/gou.png') no-repeat;
          background-size: pxTorem(24) pxTorem(18);

        }
      }
      li:after{
        display: block;
        content: '';
        width:100%;
        height:1px;
        border-bottom:1px solid color($h5,c9);
        transform: scaleY(0.5);
        position: absolute;
        bottom:0;
        left:0;
      }
    }
  }
}







